<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Shoppe商城-综合网购首选-正品低价、品质保证、配送及时、轻松购物
    </title>
    <link rel="icon" href="./static/img/common/favicon.ico" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/about.css" />
  </head>
  <body>
  <!-- 顶部模块start -->
  <%@include file="/page/common/top.jsp"%>
  <!-- 顶部模块end -->
  <!-- nav 搜索模块start -->
  <%@include file="page/common/search.jsp"%>
  <!-- nav 搜索模块end -->
    <!-- 标题 start -->
    <div class="title">
      <div class="w">
        <img src="./static/img/about/title.png" alt=""><em>关于我们</em>
      </div>
    </div>
    <!-- 标题 end -->
    <!-- 内容 start -->
    <div class="w">
      <div class="content">
        <h1>Shoppe<hr></h1>
        <h2>前言<hr></h2>
        <p>随着因特网的的迅速发展，电子商务的兴起，以现代信息化为依托的商务模式已经成为一种必然的趋势，网上购物必将成为主要的消费模式，本网上购物网站正是迎合了这种发展，网上购物是一种具有具有交互功能的商业信息系统，随着信息网络技术的飞速发展，许多商户与消费者之间实现电子商务已经成为可能，各商户也已经认识到电子商务平台不仅可以拓宽营销渠道，而且对提升品牌形象等方面都有重要的意义。</p>
        <h2>技术栈<hr></h2>
        <p>前端：HTML+CSS+JavaScript+jQuery+vue <br>
        后端：JSP+Servlet+EL表达式+JSTL标签库+德鲁伊连接池<br>
        数据库：mysql <br>
        工具：Maven+Tomcat
        </p>
        <h2>功能模块<hr></h2>
        <h3>登录</h3>
        <p class="detail">用户输入的数据往往是不可靠的，所以本项目前后端都对登录信息进行了校验，前端基于form表单的校验方式，自定义了校验规则进行校验，并增加了图片验证码。</p>
        <h3>注册</h3>
        <p class="detail">用户输入的数据往往是不可靠的，所以本项目前后端同样都对注册信息进行了校验，前端基于form表单的校验方式，自定义了校验规则进行校验。</p>
        <h3>首页</h3>
        <p class="detail">首页主要是对商品的展示，有轮播图展示推荐的商品，分类别对热门商品进行展示。</p>
        <h3>全部商品</h3>
        <p class="detail">全部商品页面集成了全部商品展示、商品分类查询，以及根据关键字搜索商品结果展示，并且可以在此页面将商品添加到购物车</p>
        <h3>购物车</h3>
        <p class="detail">购物车页面主要展示添加到购物车的商品，可以进行商品数量的改变、移除商品，清空购物车，并进行结算</p>
        <h3>结算页面</h3>
        <p class="detail">结算页面主要展示了某次结算时的相关信息</p>
        <h3>我的订单</h3>
        <p class="detail">我的订单页面展示了结算过的所有订单信息</p>
        <h3>关于我们</h3>
        <p class="detail">关于我们页面主要介绍了该网上购物网站的相关信息</p>

      </div>
    </div>
    <!-- 内容 end -->
  <!-- 页脚开始 -->
  <%@include file="page/common/bottom.jsp"%>
  <!-- 页脚结束 -->
    <script src="js/common.js"></script>
  </body>
</html>